@charset "utf-8";
.image-group-add,.image-group-box,.image-group-loading{display:inline-block;text-align:center;float:left;margin:0 8px 8px 0}
.image-group-add{width:78px;height:78px;cursor:pointer;background-color:#fafafa;border:1px #c6d1db solid;color:#777;border-radius:4px}
.image-group-loading{width:78px;height:78px;line-height:20px;background-color:#fafafa;border:1px #c6d1db solid;color:#777;border-radius:4px}
.image-group-loading i{display:inline-block;width:24px;height:24px;background:url(images/loading.gif) center no-repeat;margin-top:16px;}
.image-group-box{width:80px;height:80px;background-color:#fafafa;position:relative}
.image-group-pic{width:80px;height:80px;display:table-cell;position:static;vertical-align:middle;text-align:center}
.image-group-pic img{display:table-cell;position:static;left:50%;cursor:pointer}
.image-group-add i{margin-top:15px}
.image-group-add div{font-size:12px}
.image-group-bar{position:absolute;top:0;right:0;width:100%;height:20px;display:none}
.image-group-box:hover .image-group-bar{display:block}
.image-group-close,.image-group-edit{position:absolute;top:0;width:20px;height:20px;line-height:20px;color:#fff;font-weight:400;cursor:pointer;background-color:rgba(0,0,0,.65)}
.image-group-close{right:0}
.image-group-edit{right:20px;border-bottom-left-radius:3px}
.image-group-close:hover{background-color:#8b0000}
.image-group-edit:hover{background-color:#000}